/* pages/list/list.wxss */
.top {
  display: flex;
  align-items: center;
  padding-top: 20px;
  padding-left: 10px;
  height: 50px;
  background: white;
  margin-bottom: 10px;
}

.nav {
  height: 50px;
  background: white;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-weight: 700;
  margin-bottom: 10px;

  text {
    height: 100%;
    line-height: 50px;
    box-sizing: border-box;
  }
}

.nav-active {
  border-bottom: 4px solid green;
}

.list {
  display: flex;
  height: calc(100vh - 200px);
  width: 100%;

  .left {
    width: 110px;
    
    .itemTitle {
      height: 50px;
      line-height: 50px;
      text-align: center;
    }
  }

  .right {
    width: calc(100% - 120px);
    background: white;

    // scroll-view {

    //   &  view:last-child {
    //     margin-bottom: 200px;
    //   }
    // }

    .list-title {
      position: sticky;
      top: 0px;
      height: 50px;
      line-height: 50px;
      font-size: 20px;
      padding-left: 10px;
      background:white;
    }

    .list-goods {
      .item-good {
        display: flex;
        width: 100%;
        height: 150px;
        align-items: center;
        justify-content: space-around;
  
        .goods-about {
          display: flex;
          flex: 0.7;
          flex-direction: column;
          height: 100px;
          justify-content: space-between;
  
          .price {
            color: #ff5e15;
          }
        }
  
        image {
          height: 120px;
          width: 120px;
          border-radius: 15px;
        }
  
        .iconfont {
          height: 120px;
          line-height: 200px;
          color: red;
          font-size: 20px;
          padding-right: 5px;
        }
      }
    }
  }

  scroll-view {
    height: calc(100vh - 180px);
  }
}

.pinglun {
  scroll-view {
    height: calc(100vh - 180px);

    .comment-item {
      display: flex;
      justify-content: space-between;
      margin: 15px 0;
      height: 120px;
      background:white;
      border-radius: 20px;

      .left {
        .img {
          width: 50px;
          height: 50px;
          border-radius: 25px;
          background: red;
        }
      }

      .center {
        flex: .9;
      }

      .right {
        padding-top: 10px;
        padding-right: 10px;
      }
    }
  }
}

// 左侧列表激活样式
.active {
  box-sizing: border-box;
  border-left: 3px solid red;
  background: white;
  color: orange;
}

.pop-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  height: 60px;
}

.pop-main {
  .item-good {
    display: flex;
    width: 100%;
    height: 150px;
    align-items: center;
    justify-content: space-around;

    .goods-about {
      display: flex;
      flex: 0.7;
      flex-direction: column;
      height: 100px;
      justify-content: space-between;

      .price {
        color: #ff5e15;
      }
    }

    image {
      height: 120px;
      width: 120px;
      border-radius: 15px;
    }

    .iconfont {
      height: 120px;
      line-height: 200px;
      color: red;
      font-size: 20px;
      padding-right: 5px;
    }
  }
}

.store-info {
  height: 60px;
  background: white;
  margin-bottom: 10px;
}